// 全局样式
.page,
.tab-page {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  overflow-x: hidden;
  font-family: 'MiSans';
  font-size: var(--wot-page-text-size);
  color: var(---wot-color-info);
  background-color: var(--wot-color-bg);

  .wd-button.nul_btn {
    border: 2rpx solid var(--wot-button-primary-bg-color);
  }

  // 渐变按钮背景
  .linear-bg1,
  .wd-button.linear-bg1 {
    background: linear-gradient(to left, #ff4165 26%, #ff839b 100%) !important;
  }

  .linear-bg2,
  .wd-button.linear-bg2 {
    background: #43c5bf !important;
  }

  .wd-button.is-primary.btnStyle2 {
    color: #ff4165;
    background-color: #fbe4e9;
    border: 2rpx solid #ff4165;
  }

  .wd-button.is-primary.btnStyle3 {
    color: #666666;
    background-color: #ffffff;
    border: 2rpx solid #ededed;
  }
}

.linear-bg1,
.wd-button.linear-bg1 {
  background: linear-gradient(to left, #ff4165 26%, #ff839b 100%) !important;
}

.tabbar-page {
  width: 100%;
  height: calc(100vh - 55px) !important;
  height: calc(100vh - 55px - constant(safe-area-inset-bottom)) !important;
  height: calc(100vh - 55px - env(safe-area-inset-bottom)) !important;
  min-height: calc(100vh - 55px - constant(safe-area-inset-bottom)) !important;
  min-height: calc(100vh - 55px - env(safe-area-inset-bottom)) !important;
  overflow-x: hidden;
  font-family: 'MiSans';
}

.home-page-bg {
  background: url(useImg('images/page_bg.png')) no-repeat left top !important;
  background-size: 750rpx 810rpx !important;
}

.pageBg {
  background-image: url(useImg('images/page_bg.png'));
  background-size: 100% 100%;
}

.pageBg1 {
  background-image: url(useImg('images/page_bg_1.png'));
  background-size: 100% 100%;
}

.pageBg2 {
  background-image: url(useImg('images/page_bg_2.png'));
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.pageBg4 {
  background-image: url(useImg('images/page_bg4.png'));
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.pageBg5 {
  background-image: url(useImg('images/page_bg5.png'));
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.bg-transparent {
  --wot-navbar-background: transparent;
}

.outline {
  outline: 1px solid red;
}

.text_justify {
  text-align: justify;
  text-align-last: justify;
}

.grayfilter {
  filter: grayscale(1);
}

.wd-navbar__text {
  font-size: 32rpx;
  font-weight: 600;
}
.uni-page-head__title {
  font-size: 32rpx !important;
}

@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.wot-theme-light {
  opacity: 0;
  animation: opacity 0.4s linear forwards;
}

.wd-badge__content {
  @apply center!;
  box-sizing: border-box !important;
  min-width: 32rpx !important;
  height: 32rpx !important;
  padding: 6rpx !important;
  font-size: 22rpx !important;
  line-height: 1 !important;
  border: 2rpx solid #fff !important;
  border-radius: 16rpx !important;
  text-align: center !important;
}

.is-dot {
  min-width: 18rpx !important;
  height: 18rpx !important;
  border-radius: 50% !important;
}
/* 关于我 页面表单样式 */
.aboutme {
  .textarea-content {
    height: 200rpx;
    padding: 20rpx;
    background-color: #ffffff;
    border: 2rpx solid #ededed;
    border-radius: 24rpx;
    .wd-textarea {
      height: 100%;
      padding: 0;
    }
    .wd-textarea__value {
      height: 200rpx;

      .wd-textarea__inner {
        height: 200rpx;
      }
    }
    .text-textarea {
      height: 100%;
      font-size: 28rpx;
      font-weight: 400;
      color: #333333;
    }
  }
}

.font-break-all {
  word-break: break-all;
  overflow-wrap: break-word;
}

.text-overflow-1 {
  @include textOverflow(1);
}
